﻿body,
html {
    height: 100%;
    color: #333;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    border-radius: 3px;
}

.aspNetHidden {
}

.content {
    overflow-y: scroll;
    overflow-x: hidden;
}

.row {
    display: block !important;
    position: fixed;
    width: 14%;
    background-color: #28333e;
    height: 100%;
    left: 0px;
}

    .row .top {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #bfbbbb;
        font-size: 26px;
        font-weight: 600;
    }

        .row .top img {
            width: 25%;
            height: 70%;
        }

    .row .flex-column {
        text-align: center;
    }

    .row .top {
        background-color: #192027;
        height: 10%;
    }

    .row .nav-link {
        border-radius: 0 !important;
        padding: 0.8rem 0rem;
        color: #bfbbbb;
        font-size: 1.05rem;
        font-family: heiti;
        letter-spacing: 1px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.main {
    height: 100%;
    margin: 0px;
    width: 87%;
    position: fixed;
    right: 0px;
    background-color: #f2f2f2;
    padding-left: 10px;
}

    .main header {
        height: 12%;
        width: 100%;
        border-bottom: 1px solid #f8f9fa;
        background-color: #fff;
    }

.iconfont {
    font-size: 25px !important;
    margin-right: 5px;
}

.dropdown {
    text-align: right;
    top: 20px;
    right: 50px;
}

.main .content {
    position: fixed;
    background-color: #fff;
    bottom: 15px;
    height: 85%;
    padding-bottom: 10px;
    width: 86%;
    min-width: 780px;
    margin-left: 10px;
    display: grid;
    grid-template-rows: 50% 50%;
    grid-template-columns: 58% 42%;
    padding: 10px;
    padding-left: 0px;
    gap: 10px;
    grid-column-gap: 5px;
    box-sizing: border-box;
}

.content > div {
    padding: 1%;
}

.content .left {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
    padding-top: 50px;
    padding-left: 20px;
    padding-bottom: 80px;
    grid-gap: 20px;
    box-shadow: 0px 0px 8px 0px #bfbbbb;
    box-sizing: border-box;
    margin: 0 1%;
}

    .content .left .item {
        box-shadow: 0px 0px 8px 0px #bfbbbb;
        display: grid;
        grid-template-columns: 30% 70%;
        width: 90%;
    }

        .content .left .item aside {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .content .left .item section {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .content .left .item section text {
                text-align: center;
                font-size: 18px;
            }

.content .right dl {
    height: 100%;
    display: grid;
    grid-template-rows: repeat(6,1fr);
}

.content .right {
    box-shadow: 0px 0px 8px 0px #bfbbbb;
    margin-right: 2%;
    margin-left: 1%;
    padding: 0px;
}

    .content .right dl dt {
        border-bottom: 1px solid #ccc;
        display: flex;
        align-items: center;
    }

    .content .right dl dd {
        border-bottom: 1px solid #efefef;
        margin: 0px;
        display: flex;
        align-items: center;
        padding-left: 10px;
    }

        .content .right dl dd span:nth-child(1) {
            color: #a8a3a3;
            margin-right: 30px;
        }

.icon-tongzhi {
    color: #e43d05;
}

.icon-yonghu1,
.icon-icon,
.icon-dianbiao_shiti,
.icon-shuibiao_shiti {
    color: #fff;
    font-size: 42px !important;
}

#lineChart {
    box-shadow: 0px 0px 5px 0px #bfbbbb;
    height: 100%;
    width: 100%;
}

#pieChart {
    box-shadow: 0px 0px 8px 0px #bfbbbb;
    margin-right: 2%;
    margin-top: 1.2%;
    height: 95.3%;
    margin-left: 1%;
}

.notice {
    width: 100%;
    border: none;
}

.right h5 {
    border: none;
    padding: 5px 10px;
    margin-bottom: 0px;
    height: 13%;
}

.right .table-contain {
    overflow: scroll;
    height: 87%;
}

.right {
    overflow: hidden;
    position: relative;
}

    .right .table-contain::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .right .table-contain::-webkit-scrollbar-thumb {
        background-color: #497d9e;
    }

.notice th {
    border: 1px solid #ccc;
    font-size: 20px;
    font-family: DengXian;
    font-size: 18px;
    text-align: center;
    border-left: none;
    border-right: none;
    background-color: #f2f2f2;
    padding: 10px;
}

.notice tr:hover {
    background-color: #eee;
}

.notice td {
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    text-align: center;
    padding: 16px 0px;
    font-size: 16px;
}



@media screen and (max-width: 1200px) {
    .row {
        display: none !important;
    }

    .main {
        width: 100% !important;
        position: static;
        overflow: scroll;
    }

        .main header {
            display: none;
        }

        .main .content {
            position: static;
            width: 100%;
            height: auto;
            grid-template-rows: repeat(4,1fr);
            grid-template-columns: 100%;
            grid-row-gap: 20px;
            padding-right: 20px;
        }
}
.mb-3{
    margin-bottom:0!important;
}

 footer {
    display: none;
}
.row>*{
    padding-right:0;
}
.flex-grow-1 {
    visibility: hidden;
}